$(function () {
  // 主页功能
  function loadUserInfo () {
    $.ajax({
      type: 'get',
      url: 'my/userinfo',
      // headers: {
      //   Authorization: sessionStorage.getItem('mytoken')
      // },
      success: function (res) {
        if (res.status === 0) {
          // 获取用户信息成功，需要进行展示
          var info = res.data
          // 更新左上角用户信息
          var user = $('.welcome')
          // 更新右上角用户信息
          var nuser = $('.nav-user')
          if (info.user_pic) {
            // 更新头像信息
            user.find('.avatar').hide()
            // 先删除之前的图片，再添加一个新的图片
            user.find('img').remove()
            user.prepend('<img src="' + info.user_pic + '" alt="" />')
            // ----------------------------------------------------
            nuser.find('.avatar').hide()
            // 先删除之前的图片，再添加一个新的图片
            nuser.find('img').remove()
            // nuser.insertBefore('<img src="' + info.user_pic + '" alt="" />')
            nuser.prepend('<img src="' + info.user_pic + '" alt="" />')
          }
          // 更新用户名称
          user.find('.ainfo').html('欢迎 ' + info.username)
          nuser.find('.uinfo').html(info.username)
        }
      }
    })
  }
  
  // 把函数变成一个全局函数
  window.loadUserInfo = loadUserInfo
  // 实现一个jQuery插件
  $.loadUserInfo = loadUserInfo

  loadUserInfo()
  // 处理退出功能
  $('#logout').click(function () {
    // 进行弹窗确认
    layer.confirm('确实要退出吗？', {icon: 3, title:'提示'}, function (index) {
      // index 参数表示当前的弹窗
      // 该回调函数何时触发？点击确定按钮
      // 退出：删除token，关闭窗口，跳转到登录页面
      sessionStorage.removeItem('mytoken')
      // 关闭弹窗
      layer.close(index)
      // 跳转到登录页面
      location.href = './login.html'
    })
  })
})